page{
		width: 100%;
		height: 100%;
		background: #25262b;
	}
.content{
	width: 100%;
	position: relative;
	.top_nav{
		width: 100%;
		height: 200upx;
		background-image: url('https://jialianxin-1301053941.cos.ap-chengdu.myqcloud.com/static/buy/1.png');
		background-size: cover;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10;
		.kong{
			width: 100%;
			height: 60upx;
		}
		.tab_item{
			width: 90%;
			margin: 0 auto;
			height: 140upx;
			display: flex;
			align-items: center;
			justify-content: center;
			.return{
				flex: 1;
				width: 100%;
				image{
					width: 29upx;
					height: 29upx;
				}
			}
			.title{
				flex: 8;
				width: 100%;
				color: #ffffff;
				display: flex;
				align-items: center;
				justify-content: center;
				z-index: 10;
			}
		}
	}
	.card_management{
		width: 90%;
		margin: 0 auto;
		padding-top: 240upx;
		.top_tab{
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			.tab_active{
				flex: 1;
				display: flex;
				align-items: center;
				justify-content: center;
				width: 100%;
				height: 60upx;
				color: #FFFFFF;
				background-color:#F0AD4E;
			}
			.tab_item{
				flex: 1;
				display: flex;
				align-items: center;
				justify-content: center;
				width: 100%;
				height: 60upx;
				color: #FFFFFF;
			}
		}
		.brand_card{
			width: 100%;
			margin-top:230upx;
			.card_item{
				margin-top: -170upx;
				.card_img{
					width: 680upx;
					height: 347upx;
					border-radius: 20upx;
					box-shadow: 0 0 40upx #666666;
					position: relative;
					image{
						width: 100%;
						height: 347upx;
						border-radius: 20upx;
					}
					.card_content{
						width: 100%;
						height: 347upx;
						position: absolute;
						left: 0;
						top: 0;
						.card_wrap{
							width: 95%;
							margin: 0 auto;
							height: 100%;
							display: flex;
							flex-direction: column;
							justify-content: center;
							.card_top{
								flex: 4;
								display: flex;
								margin-top: 30upx;
								.top_left{
									flex: 3;
									display: flex;
									justify-content: center;
									.brand_icon{
										flex: 1;
										image{
											width: 50upx;
											height: 50upx;
											border-radius: 50%;
										}
									}
									.brand_wrap{
										flex: 4;
										.brand_name{
											font-size: 34upx;
										}
										.brand_pinyin{
											font-size: 24upx;
										}
										.card_type{
											margin: 20upx 0;
											font-size: 28upx;
										}
									}
								}
								.top_right{
									flex: 2;
									font-size: 28upx;
								}
								.tab_active{
									display: flex;
									align-items: center;
									justify-content: center;
									width: 40upx;
									height: 40upx;
									background-color: #F0AD4E;
									border-radius: 50%;
									background-image: url(../../static/images/confirm.svg);
								}
								.tab_item{
									flex: 1;
									display: flex;
									align-items: center;
									justify-content: center;
									width: 100%;
									height: 60upx;
									color: #FFFFFF;
								}
							}
							.card_bottom{
								flex: 1;
								font-size: 26upx;
								color: #FFFFFF;
							}
						}
					}
				}
			}
		}
		.addCard{
			width: 100%;
			height: 80upx;
			background: #41414d;
			border-radius: 10upx;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-top: 150upx;
			.add_wrap{
				width: 95%;
				margin: 0 auto;
				display: flex;
				align-items: center;
				justify-content: center;
				.add_left{
					flex: 1;
					color: var(--themeColor);
				}
				.add_right{
					flex: 1;
					text-align: right;
					image{
						width: 30upx;
						height: 30upx;
					}
				}
			}
		}
		.check_card{
			font-size: 40upx;
			width: 90%;
			margin: 0 auto;
			margin-top: 83upx;
			height: 105upx;
			border-radius: 10upx;
			background: linear-gradient(top,#a88950,#f0deb5);
			background-color:#a88950;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #000000;
		}
	}
}